{% include "header.html" %}   
  <!-- CONTEÚDO -->
  <div class="container left">
    <div class="content table center"> 
      
      <!-- CONTEÚDO PRIMÁRIO -->
      <div class="boxPattern bg-painel">
       
       <h3 class="titleFull"><span class="icon-usuario"></span>Painel do Usuário</h3>
       
		<div id="painel-sidebar">
        	
            <div class="user-info">
            	
                <p><strong><center>{{ u.nome }}</center></strong></p>
            
            	<div class="avatar-cont">
                
                	{% if u.foto %}
                	<div class="avatar">
                    	<img src="/media/{{ u.foto }}" height="100%" alt="" width="100%"/>
                    </div>
                    {% else %}
                     <div class="avatar">
                    	<img src="{{ MEDIA_URL }}img/avatar.png" height="100%" alt="{{ u.nome }}" width="100%"/>
                    </div>
                    {% endif %}
                
                </div>
                
                <ul class="user-nav">
                	<li><a href="{% url ingenium.views.usuarioCadastro user_id=u.id %}" target="_blank">Visualizar Currículo</a></li>
                </ul>
                
                <div class="clear"></div>
            
            </div>
            

          	<ul id="painel-nav">

            	<li><a href="{% url ingenium.views.usuarioDashboard user_id=u.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-dashboard.png" />Painel do usuário</a></li>
                <li class="active"><a href="{% url ingenium.views.usuarioCurriculo user_id=u.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-curriculo.png" />Gerenciar Currículo</a></li>
                <li><a href="{% url ingenium.views.procura vag_id=u.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-curriculo.png" />Painel de Vagas</a></li>
                <li><a href="{% url ingenium.views.usuarioMensagens cod=u.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-mensagens.png" />Mensagens</a></li>
                <li><a href="{% url ingenium.views.usuarioPerguntas user_id=u.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-perguntas.png" />Perguntas Frenquentes</a></li>
                <li><a href="{% url ingenium.views.usuarioCursos user_id=u.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-cursos.png" />Cursos e Treinamentos</a></li>
                <li><a href="{% url ingenium.views.usuariosugestao user_id=u.id %}"><img src="{{ MEDIA_URL }}img/icon-ask-question.png" width="16" height="16"/>Dúvidas e Sugestões</a></li>            </ul>
            
        </div>
        
        <div id="painel-conteudo">
        
        	<div class="painel-conteudo-header">
            
            	<span class="painel-home-button"><a href="{% url ingenium.views.usuarioDashboard user_id=u.id %}">Painel do usuário</a></span>
                
                <span class="breadcrumb">Gerenciar Currículo<a class="sair" href="{% url ingenium.views.sair %}">Sair</a></span>

            </div>
        


             {% if form.errors %}
             <ul class="errorlist">
                <li><center>Seu formulario tem erros de preenchimento. Por favor, confira e corrija os campos marcados em vermelho.</center></li>
             </ul>
            {% endif %}
        
        	<form id="anunciar-curriculo" class="form-cadastro" enctype="multipart/form-data"  action="/painel-usuario-curriculo/{{user_id}}/" method="post">


                {{ form.non_field_errors }}
                <div class="content-box">

                    <h1>Dados Pessoais</h1>

                    <div class="campo-form">
                        <div class="campo-nome"><strong>*Nome Completo</strong></div>{{ form.nome }}{{ form.nome.errors }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome"><strong>*Nacionaldiade</strong></div>{{ form.nacionalidade }}{{ form.nacionalidade.errors }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome">Foto</div>{{ form.foto }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome"><strong>*Sexo</strong></div>
                        <div class="box-radios">
                            {{ form.sexo }}{{ form.sexo.errors }}
                        </div>
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome">RG</div>{{ form.rg }}{{ form.rg.errors }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome" id="id_cpf"><strong>*CPF</strong></div>{{ form.cpf }}{{ form.cpf.errors }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome" id="est_Civil"><strong>*Estado Civil</strong></div>{{ form.est_Civil }}{{ form.est_Civil.errors }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome"><strong>*Telefone</strong></div>{{ form.telefone }}{{ form.telefone.errors }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome">Telefone Opcional</div>{{ form.telefone2 }}{{ form.telefone2.errors }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome">Site</div>{{ form.site }}{{ form.site.errors }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome"><strong>*CEP</strong></div>{{ form.cep }}{{ form.cep.errors }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome"><strong>*Estado</strong></div>
                        {{ form.estado }}{{ form.estado.errors }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome"><strong>*Cidade</strong></div>{{ form.cidade }}{{ form.cidade.errors }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome"><strong>*Endereço</strong></div>{{ form.rua }}{{ form.rua.errors }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome"><strong>*Bairro</strong></div>{{ form.bairro }}{{ form.bairro.errors }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome">Complemento</div>{{ form.complemento }}{{ form.complemento.errors }}
                    </div>

                    <div class="clear"></div>

                </div>

                <div class="content-box">

                    <h1>Interesses Profissionais</h1>


                    <div class="campo-form">
                        <div class="box-nome"><strong>*Áreas de Interesse</strong></div>
                        <div>
                        <p>A escolha das áreas profissionais deve ser feita com base em sua experiência profissional (últimos cargos ocupados e/ou formação acadêmica). Escolha pelo menos uma opção.</p>
                        </div>

                     <div class="campo-form">
                        <div class="campo-nome"><strong>*Áreas de Interesse</strong></div>
                         {{ form.areaes }}{{ form.areaes.errors }}
                    </div>


                    </div>

                    <div class="campo-form">
                        <div class="campo-nome"><strong>*Cargo de interesse:</strong></div> {{ form.cargointeresse }}{{ form.cargointeresse.errors }}
                    </div>

                    <div class="box-form">
                        <div class="box-nome"><strong>*Pretensão salarial</strong></div>
                        <div>
                            <p>Sua pretensão salarial pode ser baseada em seu último salário ou no salário praticado pelo mercado. A escolha de uma faixa salarial deve contribuir para que receba contatos de empresas com propostas compatíveis à sua pretensão.</p>
                        </div>
                        <div class="box-left">
                        {{ form.pret_salario }}{{ form.pret_salario.errors }}
                        </div>


                    </div>

                    <div class="box-form">
                        <div class="box-nome"><strong>*Tipo de Perfil</strong></div>
                        <div>
                            <p>Escolha o seu tipo de perfil</p>
                        </div>
                        <div class="box-left">
                        {{ form.tipoperfil }}{{ form.tipoperfil.errors }}
                        </div>


                    </div>

                    <div class="clear"></div>

                </div>


                <div class="content-box">

                    <h1>Formação acadêmica</h1>

                    <div>
                        <p>Preencha a sua formação iniciando sempre pela graduação mais alta que você tem.<br />
Exemplo: se o último curso que você fez foi a pós-graduação, insira essa informação em “Última Formação/Formação atual”. O curso de graduação você informa no campo “Penúltima Formação”.<br />
</p>
                    </div>

                    <div class="box-formacao">

                        <div class="box-nome">Última Formação/Formação atual</div>

                        <div class="campo-form">
                            <div class="campo-nome">Grau de formação</div>
                            {{ form.nivel }}
                            </div>

                        <div class="campo-form">
                            <div class="campo-nome">Instituição</div>{{ form.instituicao }}
                        </div>

                        <div class="campo-form">
                            <div class="campo-nome">Curso</div>{{ form.curso }}
                        </div>

                        <div class="campo-form">
                            <div class="campo-nome">Ano de Conclusão</div>{{ form.ano_conclusao }}
                        </div>

                        <div class="clear"></div>

                    </div>

                    <div class="box-formacao">

                        <div class="box-nome">Penúltima formação</div>

                        <div class="campo-form">
                            <div class="campo-nome">Grau de formação</div>
                            {{ form.nivel1 }}
                            </div>

                        <div class="campo-form">
                            <div class="campo-nome">Instituição</div>{{ form.instituicao1 }}
                        </div>

                        <div class="campo-form">
                            <div class="campo-nome">Curso</div>{{ form.curso1 }}
                        </div>

                        <div class="campo-form">
                            <div class="campo-nome">Ano de Conclusão</div>{{ form.ano_conclusao1 }}
                        </div>

                        <div class="clear"></div>

                    </div>

                    <div id="mais-formacao" class="box-formacao" style="display:none">

                        <div class="box-nome">Outra formação</div>

                        <div class="campo-form">
                            <div class="campo-nome">Grau de formação</div>
                            {{ form.nivel2 }}
                            </div>

                        <div class="campo-form">
                            <div class="campo-nome">Instituição</div>{{ form.instituicao2 }}
                        </div>

                        <div class="campo-form">
                            <div class="campo-nome">Curso</div>{{ form.curso2 }}
                        </div>

                        <div class="campo-form">
                            <div class="campo-nome">Ano de Conclusão</div>{{ form.ano_conclusao2 }}
                        </div>

                        <div class="clear"></div>

                    </div>

                    <div class="add-box"><a class="exibir-formacao">Clique aqui para adicionar mais uma formação.</a></div>

                    <script>
                        $("a.exibir-formacao").click(function () {
                            $("div#mais-formacao").fadeIn("fast");
                            $("a.exibir-formacao").hide("fast");
                        });
                        </script>

                      <div class="box-form">

                        <div class="box-nome">Idiomas</div>

                        <p>*Não é necessário marcar os campos sem conhecimento.</p>

                        <div class="campo-form">
                            <div class="campo-nome">Inglês</div>
                            {{ form.niveli }}
                        </div>

                        <div class="campo-form">
                            <div class="campo-nome">Espanhol</div>
                            {{ form.nivele }}
                        </div>


                        <div class="campo-form" style="display:none">
                            <div class="campo-nome">{{ form.nivelidioma }}</div>
                            {{ form.niveloutro }}
                        </div>


                        <div class="add-box"><a class="exibir-mais">Adicionar outro idioma</a></div>

                        <script>
                        $("a.exibir-mais").click(function () {
                            $("div.campo-form").fadeIn("fast");
                            $("a.exibir-mais").hide("fast");
                        });
                        </script>

                    </div>

                    <div class="clear"></div>

                </div>

                <div class="content-box">

                    <h1>Experiência profissional</h1>

                    <div>
                        <p>Comece a preencher as suas experiências profissionais a partir da mais recente ou atual até a mais antiga.<br  />
Para um currículo mais objetivo, recomendamos que inclua apenas as 5 últimas experiências profissionais ou as experiências referentes aos últimos 10 anos de sua carreira.
Para adicionar mais experiências, clique no link Adicionar outra experiência.
                        </p>
                    </div>

                    <div class="box-cargos">

                        <div class="box-nome">Última Experiência / Experiência Atual</div>

                        <div class="campo-form">
                            <div class="campo-nome">Nome da empresa</div>{{ form.nome_emp }}
                        </div>

                        <div class="campo-form">
                            <div class="campo-nome">Último salário R$</div>{{ form.salario }}
                        </div>

                        <div class="cargos">

                            <div class="box-nome">Cargos nesta empresa</div>

                            <div class="cargo-cont">


                                <div class="campo-form">
                                    <div class="campo-nome">Nome do cargo</div>{{ form.cargo }}
                                </div>

                                <div class="campo-form">
                                    <div class="campo-nome">Data de entrada deste cargo</div>{{ form.inicio }}
                                </div>

                                <div class="campo-form">
                                    <div class="campo-nome">Data de saída deste cargo</div>{{ form.termino }}
                                </div>

                                <div class="clear"></div>

                            </div>

                        </div>

                        <div class="clear"></div>

                    </div>

                    <div id="outra-experiencia" class="box-cargos" style="display: none; margin: 10px 0 0 0;">

                        <div class="box-nome">Penúltima Experiência</div>

                       <div class="campo-form">
                            <div class="campo-nome">Nome da empresa</div>{{ form.nome_emp1 }}
                        </div>

                        <div class="campo-form">
                            <div class="campo-nome">Último salário R$</div>{{ form.salario1 }}
                        </div>

                        <div class="cargos">

                            <div class="box-nome">Cargos nesta empresa</div>

                            <div class="cargo-cont">


                                <div class="campo-form">
                                    <div class="campo-nome">Nome do cargo</div>{{ form.cargo1 }}
                                </div>

                                <div class="campo-form">
                                    <div class="campo-nome">Data de entrada deste cargo</div>{{ form.inicio1 }}
                                </div>

                                <div class="campo-form">
                                    <div class="campo-nome">Data de saída deste cargo</div>{{ form.termino1 }}
                                </div>

                                <div class="clear"></div>

                            </div>



                        </div>

                        <div class="clear"></div>

                    </div>

                    <div class="add-box-center"><a class="adicionar-experiencia">Adicionar outra experiência</a></div>

                    <script>
                    $("a.adicionar-experiencia").click(function () {
                        $("div#outra-experiencia").fadeIn("fast");
                        $("a.adicionar-experiencia").hide("fast");
                        $("div#adicionar-experiencia3").fadeIn("fast");
                    });
                    </script>

                    <div id="adicionar-experiencia3" class="add-box-center" style="display: none;"><a class="adicionar-experiencia3">Adicionar outra experiência</a></div>

                     <script>
                    $("a.adicionar-experiencia3").click(function () {
                        $("div#outra-experiencia3").fadeIn("fast");
                        $("a.adicionar-experiencia3").hide("fast");
                    });
                    </script>

                    <div id="outra-experiencia3" class="box-cargos" style="display: none; margin: 10px 0 0 0;">

                        <div class="box-nome">Outra Experiência</div>

                        <div class="campo-form">
                            <div class="campo-nome">Nome da empresa</div>{{ form.nome_emp1 }}
                        </div>

                        <div class="campo-form">
                            <div class="campo-nome">Último salário R$</div>{{ form.salario1 }}
                        </div>

                        <div class="cargos">

                            <div class="box-nome">Cargos nesta empresa</div>

                            <div class="cargo-cont">


                                <div class="campo-form">
                                    <div class="campo-nome">Nome do cargo</div>{{ form.cargo1 }}
                                </div>

                                <div class="campo-form">
                                    <div class="campo-nome">Data de entrada deste cargo</div>{{ form.inicio1 }}
                                </div>

                                <div class="campo-form">
                                    <div class="campo-nome">Data de saída deste cargo</div>{{ form.termino1 }}
                                </div>

                                <div class="clear"></div>

                            </div>


                        </div>

                        <div class="clear"></div>

                    </div>

                    <div class="clear"></div>

                </div>

                <div class="content-box">

                    <h1>Informações adicionais</h1>

                    <div class="campo-form">
                        <div class="campo-nome">O que faz nas horas vagas</div>{{ form.hora_extra }}
                    </div>

                    <div class="campo-form">

                        <div class="box-nome">Resumo do currículo</div>

                        <p>O resumo do currículo é o seu cartão de visitas, a primeira informação visualizada pelas empresas que fazem buscas em nosso banco de currículos. Por isso, recomendamos que faça um resumo da sua experiência, conhecimentos e habilidades mais relevantes para o cargo pretendido. Aqui você também pode informar se tem disponibilidade para viagens e mudança de cidade.</p>

                        <div class="campo-nome">Resumo do currículo</div>{{ form.apres }}
                    </div>

                    <div class="campo-form">

                        <div class="box-nome">Cursos / especializações</div>

                        <p>Informe neste item os cursos complementares que você fez e que são importantes para a sua formação profissional. Essa informação pode fazer a diferença na hora em que o recrutador for analisar o seu currículo.<br />
Veja um exemplo de como preencher as informações complementares, clicando ao lado em Ver exemplo.</p>

                        <div class="campo-nome">Cursos / especializações</div>{{ form.cursos }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome">Portador de deficiência?</div>
                        <div class="box-radios left">
                        {{ form.portadordef }}
                        </div>
                        <div id="ppd-box" style="display: none;">
                            <label>Qual?</label>
                            {{ form.tipo_def }}
                        </div>
                        <script>
                        $("#id_portadordef_0").click(function () {
                            $("#ppd-box").fadeIn("fast");
                        });
                        $("#id_portadordef_1").click(function () {
                            $("#ppd-box").hide();
                        });
                        </script>
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome">Possui veículo?</div>
                        <div class="box-radios left">
                        {{ form.veiculo }}
                        </div>
                        <div id="hab-tipo" style="display: none">
                            <div class="campo-nome-small">Qual?</div>
                            <div class="box-radios">
                            {{ form.tipo_veiculo }}
                            </div>
                        </div>

                        <script>
                        $("#id_veiculo_0").click(function () {
                            $("#hab-tipo").fadeIn("fast");
                        });
                        $("#id_veiculo_1").click(function () {
                            $("#hab-tipo").hide();
                        });
                        </script>

                    </div>

                    <div class="campo-form">
                        <div class="campo-nome">Possui notebook?</div>
                        <div class="box-radios">
                            {{ form.notebook }}
                        </div>
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome">Possui câamera digital?</div>
                        <div class="box-radios">
                            {{ form.cameradigital }}
                        </div>
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome">Possui gravador?</div>
                        <div class="box-radios">
                            {{ form.gravador }}
                        </div>
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome">Disponibilidade para trabalhar em outro estado?</div>
                        <div class="box-radios">
                            {{ form.disponibilidade }}
                        </div>
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome">Está empregado atualmente?</div>
                        <div class="box-radios">
                            {{ form.empregado }}
                        </div>
                    </div>

                    <div class="clear"></div>

                </div>

                <div class="content-box">

                    <h1>Redes Sociais</h1>

                    <div class="campo-form">
                        <div class="campo-nome">Messenger</div>{{ form.msn }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome">Facebook</div>{{ form.facebook }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome">Twitter</div>{{ form.twitter }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome">Orkut</div>{{ form.orkut }}
                    </div>

                    <div class="campo-form">
                        <div class="campo-nome">Google Plus</div>{{ form.googleplus }}
                    </div>


                   <div class="clear"></div>
                </div>

                   <div class="content-box">

                    <h1>Pesquisa</h1>

                    <p>Por gentileza, responda às duas perguntas rápidas abaixo. Essa informação não irá aparecer em seu currículo.</p>

                    <div class="campo-form">
                    	<div class="campo-nome"><strong>*Como Conheceu o Galaxy?</strong></div>
                        {{ form.conhecimento }}{{ form.conhecimento.errors }}
                        <div class="campo-form outro" id="origem-box" style="display: none;">
                        	<div class="campo-nome-outro">Qual?</div>
                            {{ form.conhecimento2 }}
                        </div>
                        <script>
						$("#id_conhecimento").click(function () {
							if (this.selectedIndex == 6) {
								$("#origem-box").fadeIn("fast");
							}
							else {
								$("#origem-box").fadeOut("fast");
							}
						});
						$("#id_conhecimento").click();
						</script>
                   	</div>

                    <div class="campo-form">
                    	<div class="campo-nome"><strong>*Por que está anunciando seu currículo?</strong></div>
                        {{ form.pesquisa1 }}{{ form.pesquisa1.errors }}
                        <div class="campo-form outro" id="motivo-box" style="display: none;">
                        	<div class="campo-nome-outro">Qual?</div>
                            {{ form.conhecimento2 }}
                        </div>
                        <script>

						$("#id_pesquisa1").click(function () {
							if (this.selectedIndex == 8) {
								$("#motivo-box").fadeIn("fast");
							}
							else {
								$("#motivo-box").fadeOut("fast");
							}
						});
						$("#id_pesquisa1").click();
						</script>
                   	</div>

                    <div class="clear"></div>

                </div>


                <div class="button-cadastrar">
                    <button class="button-laranja" type="submit">SALVAR CADASTRO</button>
                </div>
            </form>

            

        
        </div>
        
        <div class="clear"></div>		
             
      </div>
      <!-- // FIM CONTEÚDO PRIMÁRIO --> 
      
    
      
    </div>
  </div>
  <!-- // FIM CONTEÚDO --> 
{% include "rodape.html" %}